::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}
::-webkit-scrollbar-track {
    background-color: #FAFAFA;
}
::-webkit-scrollbar-thumb {
    background-color: #efefef;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #BFBFBF;
}
::-webkit-scrollbar-thumb:active {
    background-color: #CCC;
}
*{font-family: 'Microsoft YaHei','微软雅黑','\5FAE\8F6F\96C5\9ED1';}
/*单图上传十字*/
.img-upload-box{
    display:block;width:90px;height:90px;border:1px solid #e8e8e8;position:relative;cursor:pointer;
    background-repeat:no-repeat;background-position:center center;background-size:cover;
}
.img-upload-box .del-icon{
    display:block;width:20px;height:20px;background:rgba(0,0,0,0.5);line-height:20px;text-align:center;color:#fff;
    position:absolute;right:-5px;top:-5px;border-radius:50%;display:none;z-index:99;
}
.img-upload-box .del-icon:hover{background:rgba(220,20,60,1)}
.img-upload-box:after{content:'';width:70px;height:0;border-top:1px solid #e8e8e8;position:absolute;left:10px;top:44px;}
.img-upload-box:before{content:'';width:0px;height:70px;border-right:1px solid #e8e8e8;position:absolute;left:44px;top:10px;}
.img-upload-over:after,.img-upload-over:before{display:none;pointer-events:none;}
.img-upload-over:hover .del-icon{display:block;}
/*多图无描述上传*/
.f-upload-images-box{}
.f-upload-images-box .img-upload-box{float:left;}
.f-upload-images-box .f-upload-images-item{padding:0;float:left;}
.f-upload-images-box .f-upload-images-item .item-row{list-style:none;width:90px;height:90px;display:block;margin-right:10px;float:left;}
.f-upload-images-box  .img-box,
.f-upload-images-remark-box  .img-box
{width:90px;height:90px;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative}
.f-upload-images-box  .img-box a,
.f-upload-images-remark-box  .img-box a
{width:30px;height:30px;line-height:30px;position:absolute;bottom:0;left:0;text-align:center;background:rgba(0,0,0,0.5);color:#fff;}
.f-upload-images-box  .img-box a:hover,
.f-upload-images-remark-box  .img-box a:hover
{background:#f60}
.f-upload-images-box  .img-box a:nth-child(2),
.f-upload-images-remark-box  .img-box a:nth-child(2)
{left:30px;right:0;}
.f-upload-images-box  .img-box a:last-child,
.f-upload-images-remark-box  .img-box a:last-child
{left:auto;right:0;}
/*多图带描述*/
.f-upload-images-remark-box .item-row{position:relative;margin-bottom:25px;}
.f-upload-images-remark-box .item-row .img-box{position:absolute;top:7px;left:15px;}
.f-upload-images-remark-box .item-row .form{width:100%;}
.f-upload-images-remark-box .item-row .form .form-group{margin:0 0 15px 100px;}
.f-upload-images-remark-box .item-row .link-input{margin:0;}
/*多附件上传*/
.f-upload-file-box .item-row{position:relative;margin-bottom:10px;padding:5px 70px 5px 5px;border-bottom:1px solid #e8e8e8}
.f-upload-file-box .item-row .action-box{position:absolute;width:70px;height:20px;right:0;top:5px;text-align:right}
.f-upload-file-box .item-row .action-box a{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;background:rgba(0,0,0,0.5);color:#fff;}
.f-upload-file-box .item-row .action-box a:hover{background:#f60;}
.f-upload-file-box .item-row .file-name{display:block;font-size:14px;line-height:20px;position:relative;padding-left:20px;color:#333;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.f-upload-file-box .item-row .file-name:hover{color:#f60;}
.f-upload-file-box .item-row .file-name:before{    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content:'\f15b';
    position:absolute;left:0;top:0;color:#989898;line-height: 20px;
}
/*rar,zip,tar,gz,7z,bz2,cab,iso,pem,doc,docx,xls,xlsx,ppt,pptx,pdf,txt,md,jpg,jpeg,png,gif*/
.f-upload-file-box .item-row .file-name.doc:before,
.f-upload-file-box .item-row .file-name.docx:before{content:'\f1c2'}
.f-upload-file-box .item-row .file-name.pdf:before{content:'\f1c1'}
.f-upload-file-box .item-row .file-name.xls:before,
.f-upload-file-box .item-row .file-name.xlsx:before{content:'\f1c3'}
.f-upload-file-box .item-row .file-name.jpg:before,
.f-upload-file-box .item-row .file-name.jpeg:before,
.f-upload-file-box .item-row .file-name.png:before,
.f-upload-file-box .item-row .file-name.gif:before{content:'\f1c5'}
.f-upload-file-box .item-row .file-name.text:before{content:'\f0f6'}
/*省市区级联 cxselect*/
.f-cx-select { position: relative; width: 100%; overflow: hidden; }
.f-cx-select select { width: 32%; height: 35px; line-height: 35px; border: 1px solid #e8e8e8; padding: 0 5px; margin-right: 2%; display: block; float: left; }
.f-cx-select select:last-child { margin-right: 0; }
.f-cx-select.cx-noborder select { border: none; background: #f1f1f1; border-radius: 2px; }
/*数据行排版，数据行排版只是方便演示，应用到具体需求再根据实际情况进行排版*/
.mc-input-group .data-row{margin-bottom:10px;position:relative;padding-bottom:10px;border-bottom:1px solid #e8e8e8;}
.mc-input-group .data-row:after{display:block;content:'';height:0;overflow:hidden;clear:both;}
.mc-input-group .data-row .input1,
.mc-input-group .data-row .input2{width:48%;position:absolute;top:0;left:0;}
.mc-input-group .data-row .input2{top:45px;}
.mc-input-group .data-row .input3{width:50%;height:80px;float:right}
.mc-input-group .data-row .del{
    width:20px;height:20px;line-height:20px;text-align:center;position:absolute;left:-30px;
    top:0;z-index:9;background:#dd4b39;border-radius:50%;color:#fff;font-size:18px;text-align:center;
}
.mc-input-group2 .data-row-title{border-bottom:1px solid #e8e8e8;margin-bottom:10px;}
.mc-input-group2 .data-row-title:after{display:block;content:'';height:0;overflow:hidden;clear:both;}
.mc-input-group2 .data-row-title dd{width:20%;float:left;margin-right:5px;font-size:12px;height:30px;line-height:30px;text-align:center}
.mc-input-group2 .data-row-title dd:last-child{width:50%;}
.mc-input-group2 .data-row{margin-bottom:10px;}
.mc-input-group2 .data-row:after{display:block;content:'';height:0;overflow:hidden;clear:both;}
.mc-input-group2 .data-row .input1{width:30%;float:left;margin-right:5px;}
.mc-input-group2 .data-row .input2{width:50%;float:left;margin-right:5px;}
.mc-input-group2 .data-row .del{width:34px;height:34px;background:#dd4b39;color:#fff;line-height:34px;font-size:20px;text-align:center;float:left;}
/*switch开关*/
.form-group .bootstrap-switch-mini{margin-top:7px;}
/*开关去圆角*/
.bootstrap-switch,
.bootstrap-switch .bootstrap-switch-handle-on{border-radius:0!important;}
/*selectpage*/
.sp_container{width:100%!important;}
ul.sp_element_box{border-radius:2px;}
div.sp_container_combo,
.sp_input{border-radius:2px!important;box-shadow:none!important;-webkit-box-shadow:none!important;}
ul.sp_element_box{padding: 3px 0 0 8px!important;}
/*layer 样式调整*/
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
    background: #f4f4f4;
}
/*label必选样式*/
.control-label.require{position:relative;}
.control-label.require:after{position:absolute;content:'*';color:#ff0000;right:0;top:10px;}
/*置底操作*/
.fixed-foot{
    padding:10px 20px;
    width:100%;
    background:#fff;
    border-top:1px solid #e8e8e8;
    position:fixed;
    left:0;
    bottom:0;
    z-index:5;
}
.fixed-foot .btn{margin:0 5px;}
/*单选多选间距*/
.form-control-static .icheck{padding-right:10px;}
/*验证失败框*/
.valid-msg{
    display:none;
    padding:8px;
    margin-bottom:10px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.content{
    min-height: 160px;
    padding: 6px 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.wrapper {min-height:480px;}
#form .form-group {
    margin-bottom: 10px;
}
#form .form-control-static {
    padding-bottom: 0;
    margin-bottom: 0;
}
#form .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
    color: #737373;
}
/*商品列表侧边栏*/
.category-box{position:fixed;width:150px;height:100%;background:#fff;left:0;top:0;padding:0;border-right:1px solid #e5e5e5}
.category-box .title{padding:10px;margin:0 auto 10px;border-bottom:1px solid #e8e8e8;}
.category-box .z-tree-btn{color:#989898;display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.category-box .plus-icon:before{content: "\f196";}
.category-box .minus-icon:before{content: "\f147";}
.category-box .category-toggle{
    display:block;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #ddd;
    border-top: 10px solid transparent;
    height: 60px;
    width: 0;
    position:absolute;right:-15px;top:50%;margin-top:-30px;
    font: normal normal normal 24px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.category-box .category-toggle:hover{border-left: 15px solid #ccc;}
.category-box .category-toggle:before{content:'\f104';color:#999;font-size:18px;position:absolute;left:-10px;top:10px;}
.content-header > h1 {
    font-size: 16px;
    line-height:40px;
    border-bottom:1px solid #e8e8e8;
    margin-bottom: 10px;
}
.content-header > h1 small{font-size:12px;}
.m-d{margin:10px}
.m-d-tb{margin:10px auto;}
.m-d-lr{margin:0 10px;}
.btn-link {
    color: inherit;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    color: #1ab394;
    text-decoration: none;
}

.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    background-image: none;
}

.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
    color: #cacaca;
}

.btn-white {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: inherit;
    border: 1px solid #d2d2d2;
}

.btn-white:active,
.btn-white.active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    background-image: none;
}

.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
    color: #cacaca;
}
/*弹性容器*/
.mc-flex-box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex:1;
}
/*弹性容器，主轴设定为Y*/
.mc-flex-column{
    flex-direction:column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}
.mc-flex-fixed{
    flex-shrink:0;
    flex-grow:0;
}
.mc-flex-auto{
    flex:1;
    flex-shrink:1;
    flex-grow:1;
}
/*单据表头*/
.form-bill{margin:10px auto;}
.form-bill:after{display:block;content:'';height:0;overflow:hidden;clear:both;}
.form-bill .form-group{position:relative;width:220px;float:left;font-size:12px;margin-bottom:5px!important;}
.form-bill .form-group-2{position:relative;margin-bottom:3px;width:440px;float:left;}
.form-bill .form-tit{font-weight:500;width:70px;height:24px;line-height:24px;text-align:center;float:left;margin-bottom:0;font-size:12px;}
.form-bill .form-control{width:150px;height:24px;line-height:24px;padding:0 6px;float:left;font-size:12px;}
.form-bill .form-group-2 .form-control{width:370px;height:24px;float:left;}
.form-bill .form-tit.require{position:relative;}
.form-bill .form-tit.require:after{position:absolute;content:'*';color:#ff0000;right:5px;top:0;}
.form-bill .selectpage-cell .form-tit{float:left;line-height:24px;}
.form-bill .form-group .sp_container{width:150px!important;float:left;}
.form-bill .form-group-2 .sp_container{width:370px!important;float:left;}
.form-bill .form-group .sp_clear_btn{padding-top:0!important;}
.form-bill .form-group .sp_clear_btn i{font-size:12px;}
.form-bill .form-group .form-control.sp_input{line-height:24px!important;height:24px!important;min-height:24px!important;padding:0 6px!important;font-size:12px;}
.form-bill .select2-container{min-width:150px!important;}
.form-bill .select2-container--default .select2-selection--single{height:24px!important;font-size:12px;}
.form-bill .form-group-2 .input-group{float:left;}
.form-bill .form-group-2 .input-group .form-control{width:241px;}
.form-bill .form-group-2 .input-group .input-group-addon{padding:4px 12px;cursor: pointer;font-size:12px!important;border-left:none;}
/*禁用*/
.form-bill .disabled input,
.form-bill .disabled select{pointer-events: none; background-color: #eee;opacity: 1;}
.form-bill .disabled .sp_button{display:none;}
/*表格下滚动条*/
.table-responsive{padding-bottom:10px;}
.table-responsive::-webkit-scrollbar{
    width:8px;
    height:8px;
    background-color: #fff;
}
.table-responsive::-webkit-scrollbar-track{
    background: #fff;
    border-radius:2px;
}
.table-responsive::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius:0 4px 4px 0;
}
.table-responsive::-webkit-scrollbar-thumb:hover{
    background: #ccc;
}
.table-responsive::-webkit-scrollbar-corner{
    background: #ccc;
}
#grid input{min-width:50px;}
#grid td,#grid th{word-break: keep-all;white-space:nowrap;}
.no-radius{border-radius:0!important;}
/*操作栏*/
.action-bar{height:32px;line-height:32px;padding:0 10px;border-bottom:1px solid #ccc;margin-bottom:0;background-image: linear-gradient(to top, #f4f4f4 0%, #fff 100%);}
.action-bar a{color:#2c3e50;font-size:12px;border-radius:0!important;}
.action-bar a:hover{background:#2c3e50;color:#fff;}
.action-bar .btn{background:none!important;color:#2c3e50;font-size:12px;border-radius:0!important;border:none!important;padding:7px 15px}
.action-bar .btn:hover{background:#2c3e50!important;color:#fff;}